import { styled } from "styled-components";



const EntireFilterWrapper = styled.div`
  display: flex;
  align-items: center;
  height: 48px;
  padding-left: 20px;
  border-bottom: 1px solid #eee;
  background-color: #fff;

  .filter-item{
    display: flex;
    
    .item{
      /* display: flex; */
      /* flex-shrink: 0; */
      /* justify-content: center; */
      /* align-items: center; */
      margin: 0 4px 0 8px;
      padding: 6px 12px;
      border: 1px solid #dce0e0;
      /* height: 48px; */
      border-radius: 3px;
      cursor: pointer;
      color: #484848;

      &.active{
        background-color: #008489;
        border: 1px solid #008489;
        color: #fff;
      }
    }
    
  }

`

export default EntireFilterWrapper